import styles from './index.module.scss'
import Link from 'next/link'

const Index = () => {
  return (
    <div className={styles.error}>
      <img loading="lazy" alt="错误" src="/images/error.png" />
      <p>
        播放异常，使用<span>客户端</span>播放更稳定，下载体验一下吧～
      </p>
      <div className={styles.btnGroup}>
        <Link
          href="/download"
          className={styles.btn}
          style={{ marginRight: 16 }}
          onClick={() => sessionStorage.setItem('downloadType', 'tv')}
        >
          <img loading="lazy" alt="电视" src="/images/tvBtn.png" width={24} height={24} />
          <span>电视端下载</span>
        </Link>
        <Link href="/download" className={styles.btn} onClick={() => sessionStorage.setItem('downloadType', 'phone')}>
          <img loading="lazy" alt="手机" src="/images/phoneBtn.png" width={24} height={24} />
          <span>安卓端下载</span>
        </Link>
      </div>
    </div>
  )
}

export default Index
